@import "header";
@import "foot";
@import "banner";
.nav_input{
	width:1110px;
	height:40px;
	padding-left:12px;
	margin-bottom:30px;
	background:url("../img/bg.nav.1.gif") left center no-repeat;
}
.nav_input>li{
	float:$left;
	height:40px;
	line-height:40px;
	font-size:12px;
}
.nav_input .jiantou{
	text-align:center;
	width:30px;
}
.nav_input>li .search{
	position:$po-relative;
}
.nav_input>li .search dl{
	margin-top:8px;
	height:22px;
	width:190px;
	background: #fff;
    border:1px solid #d2d2d2;
}
.nav_input>li dt{
	font-size:13px;
    padding: 2px 30px 2px 10px;
    height: 16px;
    line-height: 16px;
    color: #737f86;
    cursor: pointer;
    background:url("../img/bg.imitateselect1.dt.gif") no-repeat right center;
}
.nav_input li .search .sub{
	display:none;
	width:188px;
	background: #fff;
    padding: 3px 0px 3px 0px;
    border:1px solid #d2d2d2 ;
	position:$po-absolute;
    top: 23px;
    left: 0px;
    z-index:10000;
}
.nav_input li .search:hover .sub{
	display:block;
}
.nav_input  .sub li a{
	display: block;
    padding: 2px 10px 2px 10px;
    height: 16px;
    line-height: 16px;
    font-size:10px;
}
.particulars{
	margin-bottom:50px;
}
.particulars h2{
	padding: 15px 0px 10px 0px;
    line-height: 14px;
    font-size:14px;
    color: #333;
    border-bottom: #f12e24 1px solid;

}
.particulars h2 span{
	font-weight:300;
	width:46px;
	height:14px;
	display:inline-block;
	background:url("../img/bg.prev.icon.1.gif");
	margin-right:5px;
}
 .particulars_info{
	margin-top:20px;
}
 .particulars_info_left {
 	width:340px;
    position: relative;
}

.spic {
    width: 338px;
    height: 338px;
    border: 1px solid #ccc;
    position: relative;
}

.spic img {
    width: 338px;
    height: 338px;
}

.sf {
    background: orange;
    opacity: 0.3;
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: hidden;
}

.bf {
    width: 550px;
    height: 550px;
    border: 1px solid #ccc;
    overflow: hidden;
    position:$po-absolute;
    left: 348px;
    top:0;
    display:none;
    z-index:555;
    background:#fff;
}

.bf img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:555;
     width: 800px;
    height: 800px;
}

.piclist {
	width:340px;
	height:50px;
   margin-top:10px;
   text-align:center;
   position:relative;
   overflow:hidden;
}
.picbox{
	width:280px;
	height:50px;
	margin:auto;
   overflow:hidden;
   position:relative;
}
.piclist ul{
	list-style: none;
    position: absolute;
    left: 0px;
    top: 0px;
}
.piclist ul li {
    float:left;
    padding:0 3px;
    width:50px;
    height:50px;

}
.piclist span {
    display: block;
	width: 10px;
    height: 19px; 
   	position: absolute;
   	top: 18px;
    cursor: pointer;
}
.piclist .left_btn{
	 background: url("https://cdnimg.ocj.com.cn/common/theme/v1/images/shop/bg.prev.1.gif");
	 left:0px;
}
.piclist .right_btn{
	background:url("https://cdnimg.ocj.com.cn/common/theme/v1/images/shop/bg.next.1.gif");
	right:0;
}
.piclist ul li img {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
} 
.line{
	margin-top:14px;
	width:340px;
	height:32px;
	border-top:1px solid #000;
	position:$po-relative;
}
.view_image{
	width:93px;
	height:32px;
	line-height:32px;
	text-align:center;
	position:$po-absolute;
	left:5px;
	top:-1px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:3px solid #ea0505 ;
	background:#fff;
	font-weight:900;
	font-size:14px;
}
.particulars_info_right{
	width:512px;
	margin-left:10px;
	position:$po-relative;
	color:#7d8289

}
.particulars_info_right dl{
	margin-bottom:10px;
	
}
.serial_number{
	border-bottom:1px solid #e7e9ee;  
	padding-bottom:10px; 
}
.particulars_info_right dt{
	width:70px;
	line-height:16px;
	font-size:13px;
}
.particulars_info_right dd{
	width:442px;
	font-size:14px;
}
.serial_number dd a{
	display:inline-block;
	color:#fff;
	background:#229cdb url("../img/cal_icon.jpg")no-repeat 2px center;
	padding:3px 3px 3px 16px;
}
.commodity_prices dt{
	line-height:26px;
}
.commodity_prices .price{
	font-size:24px;
	font-weight:900;
	color:#f10000;
	margin:0;
}
.jifen dd em{
	display:inline-block;
	width:12px;
	height:12px;
	background:url("../img/bg.icon.2.gif") no-repeat 0 0;
	font-style:normal;
}
.xiangxi dd span{
	color:#229cdb;
}
.xiangxi dd a{
	display:inline-block;
	background:url("../img/bg.more.1.gif") no-repeat 0 0;
	width:36px;
	height:11px;
}
.xiangxi dd a:hover{
	background:url("../img/bg.more.1.gif") no-repeat 0 -11px;
}
.complimentary{
	padding-bottom:10px;
	border-bottom:1px solid #e7e9ee;  	
}
.peisong dd dl{
	height:18px;
	width:120px;
	background: #fff;
    border:1px solid #d2d2d2;
}
.peisong dd{
	position:$po-relative;
}
.peisong dd dl dt{
	font-size:13px;
    padding-right:45px;
    padding-left:5px;
    color: #737f86;
    cursor: pointer;
    background:url("../img/bg.imitateselect1.dt.gif") no-repeat right center;
}
.peisong .peisong_sub{
	display:none;
	width:120px;
	background: #fff;
    padding: 3px 0px 3px 0px;
    border:1px solid #d2d2d2 ;
	position:$po-absolute;
    top: 19px;
    left: 0px;
    z-index:10000;
}
.peisong .peisong_sub li a{
	display: block;
    padding: 2px 10px 2px 7px;
    height: 16px;
    line-height:16px;
    font-size:10px;
}
.peisong:hover .peisong_sub{
	display:block;
}
.number{
	padding-bottom:10px;
	border-bottom:1px solid #e7e9ee;  	
}
.number dd p{
	width:70px;
	height:25px;
	background:url("../img/space.gif")
}
.number p span,.number em{
	display:inline-block;
	width:21px;
	height:25px;
	cursor:pointer;
	float:left;
}
.number dd p b{
	float:left;
	display:inline-block;
	width:28px;
	height:25px;
	line-height:25px;
	text-align:center;
	font-weight:300;
}
.buy_btn{
	width: 100%;
    padding:15px 0;
    border-top: #bac1c5 1px solid;
    border-bottom: #bac1c5 1px solid;
    height: 84px;
}
.buy_btn .buy{
    display: inline-block;
    width: 80px;
    height: 42px;
    line-height: 42px;
    padding-left: 42px;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    background: url("../img/bg.button.3.gif");
    cursor: pointer;
}
.buy_btn .add_cart{
    display: inline-block;
    width: 122px;
    height: 42px;
    line-height: 42px;
	text-align:center;
    margin-top: 10px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
	background:url("../img/bg.button.4.gif")
}
.buy_btn .erweima{
	display: inline-block;
	width:228px;
	border-left:1px dotted #ccc;
	position:$po-relative;
}
.buy_btn .erweima a{
	display: inline-block;
	margin-top:40px;
    width: 130px;
    height: 32px;
    font-size:10px;
    text-align:center;
}
.big_erweima{
	display:none;
	position:$po-absolute;
	left:-64px;
	top:64px;
}